<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">
<h:head>
	<title>Default title</title>
	<link href="style/default.css" rel="stylesheet" type="text/css"
		media="all" />
	<link href="style/login.css" rel="stylesheet" type="text/css"
		media="all" />
	<link href="style/button.css" rel="stylesheet" type="text/css"
		media="all" />
	<link href="style/validation.css" rel="stylesheet" type="text/css"
		media="all" />
</h:head>
<body>
	<h:form>
		<div id="loginFrame">
			<h:panelGrid class="panelGridError"
				rendered="#{userLoginBean.erorr != null}"
				value="#{userLoginBean.erorr}">
				<h:outputText value="#{userLoginBean.erorr}" />
			</h:panelGrid>
			<div id="leftcolumn">
				<img src="images/msg_logo.jpg" width="700" height="250" />
			</div>
			<div id="rightcolumn">

				<h:panelGrid class="panelGridClean" border="0" columns="1">
					<h:column>
						<label for="login"><h:outputText value="#{msg.Login_username}"/></label>
						<br/>
						<h:inputText value="#{userDTO.username}" 
							name="User" id="login" class="wText200" />
					</h:column>
					<h:column>
						<label for="password"><h:outputText value="#{msg.Login_password}"/></label>
						<br />
						<h:inputSecret type="password" value="#{userDTO.password}"
							name="Pass" id="password" class="wText200" />
					</h:column>
				</h:panelGrid>
				<h:commandButton class="button" id="submit" value="#{msg.Login_button}"
					action="#{userLoginBean.verifyUser}" />
			</div>
			<br />
		</div>
	</h:form>
</body>
</html>